<template>
  <div>
    <van-button
      v-for="(i, ind) in label.list"
      :key="ind"
      @click="vanBtn(ind)"
      :class="label.selected === ind ? 'active' : ''"
      type="default"
      plain
      >{{ i.name }}</van-button
    >
    
  </div>
</template>

<script>
export default {
  name: "VantDebtns",

  data() {
    return {};
  },

  mounted() {},
props:{
    label:{
        type:Object
    },
    num:{
        type:Number
    }
},
  methods: {
      vanBtn(ind){
          this.$emit('btnClick',ind,this.num)
      }
  },
};
</script>

<style  scoped>
.active {
  background-color: rgb(255,102,0);
  color: #fff;

}
.van-button{
  width: 75px;
  height: 30px;
    border-radius: 20px;
    margin-right: 5px;
    margin-bottom: 10px;
}
</style>